<template>
  <h1>隐藏显示指令</h1>
  <!--  v-if与v-show都是控制元素是否出现，true出现，false消失，二者区别：
  v-if会直接跳过元素渲染，v-show才用CSS的display：none；修饰元素的显示模式让元素消失-->
  <p v-if="true">小红</p>
  <p v-if="false">小绿</p>
  <!--  v-else会找上面离自己最近的v-if值进行取反-->
  <p v-else>小蓝</p>
  <hr>
  <p v-show="true">张三</p>
  <P v-show="false">李四</P>
  <p>王五</p>
</template>

<script setup>

</script>

<style scoped>

</style>